<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section class="section-right">
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>短信管理</h3>
			<h4>充值记录</h4>
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content">
			<div class="chit-buy">
				<h3>选择充值套餐</h3>
				<ul>
					<li data-num="1000" data-mon="0.07">1000条 / ¥0.07元</li>
					<li data-num="5000" data-mon="0.065">5000条 / ¥0.065元</li>
					<li data-num="10000" data-mon="0.06">10000条 / ¥0.06元</li>
					<li data-num="50000" data-mon="0.055">50000条 / ¥0.055元</li>
					<li data-num="100000" data-mon="0.05">100000条 / ¥0.05元</li>
				</ul>
					<button class="submit chit-btn">提交</button>
			</div>
		</div>
		<!--/deer-content-->
	</section>
	
	<!--js-->
	<aside>
		
		<script type="text/javascript" src="../layui/layui.js" ></script>
		<script type="text/javascript">
			
			layui.use(['jquery','layer'],function(){
				var $=layui.jquery;
				var layer=layui.layer;
				
				$('.chit-buy>ul>li').bind('click',function(){
					$(this).addClass('active').siblings().removeClass('active')
				})
				
				
				$('.chit-btn').bind('click',function(){
					var num=$('.chit-buy>ul>.active').data('num');
					var mon=$('.chit-buy>ul>.active').data('mon');
					
					
					if(num>0){
							 $.post('/index.php/merchant/sms/qrcode.html',{'num':num,'mon':mon},function(res){
			                    if(res.msg == 1){
			                        var host = encodeURIComponent("https://develop.zhihuiyouzhan.com.cn/index.php/index/payment/pay?goods_type=sms&id="+res.orderId+'&mid=1');
			                        var url = "http://pan.baidu.com/share/qrcode?w=150&h=150&url=" + host;
			                        parent.layer.msg("<img id='img1' src='"+url+"' />", {shade: 0.7,shadeClose:true,time:0,offset: '200px',skin:'demo-class1'})
			                    }else{
			                        layer.open({
									  	type: 0
									  	,offset: '100px'
									  	,content: '充值失败' //这里content是一个普通的String
									  	,shadeClose:true
									})
			                    }
			                })
					}else{
						layer.open({
						  	type: 0
						  	,offset: '100px'
						  	,content: '您还没有选择充值条数!' //这里content是一个普通的String
						  	,shadeClose:true
						});
					}
					
					
					
				})
				
				
				
				
			})
			
		</script>
		
		
		
	</aside>
	<!--/js-->
</body>
</html>